<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/main.css'}" media="all" />
        <script type="text/javascript" src="@{'/public/javascripts/javascripts.js'}"></script>

    <title>#{get 'title' /}</title>    
</head>
<body>
	
	<header>
		<img class="eddrivecom_logo" alt="error" src="@{'/public/images/eddrivecom_logo.jpg'}" />
		
		<div id="connect">                        
			<div class="links">
				<br/>
				<a class="connect_link" href="@{Secure.login}"><b>Connexion</b></a>
				<br/>
				<a class="connect_link" href="@{Application.inscription}">Créer un compte</a>
				<br/>
				<a class="connect_link" href="#">Mot de passe perdu?</a>
			</div>
			<br/>
            <img alt="error" style="border-radius:50px;" src="@{'/public/images/cadenas.jpg'}" />
		</div>
		
		<h2>EDdriveCom</h2>
        <p id="subtitle"><strong>Notre devise :</strong> Une équipe à votre écoute!</p>
        	
	</header>
	
	<br/>
	
	<nav>
		<menu>
			<li><a href="@{Application.index}" target="_self">Accueil</a></li>
			<li><a href="@{Application.articleindex}" target="_self">News</a></li>
                        <li><a href="@{Application.about}" target="_self">Formations</a></li>
			<li><a href="@{Application.showCat()}" target="_self">Securité</a></li>
			<li><a href="@{Forum.index}" target="_self">Forum</a></li>
                        <li><a href="@{Application.contact}" target="_self">Contact</a></li>
			
		</menu>
	</nav>
	
	<br/>
		
	<div id="content_left">
	
 #{doLayout /}
	
	</div>
	<div id="content_right">
	
		<article>
			<div class="title_article_right" onclick="show(this);">Informations :</div>
			<div class="content_article_right">
                            <span class="line">Lorem ipsum dolor sit amet...</span><br/>
                            <span class="line">Lorem ipsum dolor sit amet...</span><br/>
                            <span class="line">Lorem ipsum dolor sit amet...</span><br/>
                            <span class="line">Lorem ipsum dolor sit amet...</span><br/>
			</div>
		</article>
		
		<article>
			<div class="title_article_right">Dernières News :</div>
			<div class="content_article_right">
                            <span class="line">Lorem ipsum dolor sit amet...</span><br/>
                            <span class="line">Lorem ipsum dolor sit amet...</span><br/>
                            <span class="line">Lorem ipsum dolor sit amet...</span><br/>
                            <span class="line">Lorem ipsum dolor sit amet...</span><br/>
			</div>
		</article>

	</div>	
	
	<div class="clear"></div>	

	<br/>
	
	<footer>
            Copyright &copy 2011 EDdriveCom - Tous droits réservés - <a href="@{Application.contact}">contact us</a>
            <br/>
            Conception par Edouard Perrin - Maxime Tanquerel - Benjamin Lavigne - Guillaume Jean - Pierre Guyard
    </footer>
</body>
</html>
